<template>
	<view class="card">
		<!-- 头部标题区域 -->
		<view v-if="showH" class="p-2 main-border-color" :class="setBorder">
			<slot name="Title">
				<text v-if="headTitle" class=" font-md" :class="{'font-weight':TitleWeight}">{{headTitle}}</text>
			</slot>
		</view>
		<!-- 广告图区域 -->
		<view :class="setpy">
			<image v-if="bodyCover" :src="bodyCover" mode="widthFix" style="height: 300rpx; width: 750rpx;"></image>
			<slot />
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			headTitle:{// 头部标题
				type:String,
				default:()=>''
			},
			bodyCover:{// 卡片图
				type:String,
				default:()=>''
			},
			showH:{// 是否显示头部
				type:Boolean,
				default:()=>false
			},
			showBorderBom:{ // 是否显示下边框线
				type:Boolean,
				default:()=>true
			},
			TitleWeight:{ // 标题是否加粗
				type:Boolean,
				default:()=>true
			},
			handlepy:{ //是否 添加 padding
				type:Boolean,
				default:()=>false
			}
		},
		computed:{
			setBorder(){
				return this.showBorderBom?'border-bottom':''
			},
			setpy(){
				return this.handlepy?'px-2':''
			}
		}
	}
</script>

<style>
</style>
